<div ng-controller="CategoryCtrl" ng-init="addAction()" class="sui-form form-horizontal">
    <form name="category" novalidate ng-submit="categoryAdd()">
        <ul class="sui-breadcrumb">
            <li><a href="#/category/list">{{'Category'| translate}}</a></li>
            <li class="active">{{'add_new' | translate}}</li>
        </ul>
        <div></div>
        <div class="control-group">
            <label class="control-label v-top"><b style="color: #f00;">*</b> {{'Category_name'| translate}}：</label>
            <div class="controls">
                <input ng-model="cat.catName" type="text"  name= "catName" value="" class="input-xlarge" required>
                <div ng-show="category.catName.$error.required" class="sui-msg msg-error msg-clear help-block error">
                    <div class="msg-con">{{'required'| translate}}</div>
                    <s class="msg-icon"></s>
                </div>
            </div>
        </div>
        <!-- <div class="control-group" ng-show="false">
            <label class="control-label v-top"><b style="color: #f00;">*</b> {{'store'| translate}}：</label>
            <div class="controls">
                <div >
                    <store-list ng-model="cat.store_id" dft="1"></store-list>
                </div>
            </div>
        </div> -->

        <!-- <div class="control-group">
            <label class="control-label v-top"><b style="color: #f00;">*</b> {{'Category_choice'| translate}}：</label>
            <div class="controls">
                <div class="zTreeDemoBackground">
                    <cat-tree ng-model="catId" dft="1"></cat-tree>
                </div>
            </div>
        </div> -->
        <div class="control-group">
            <label class="control-label"></label>
            <div class="controls" >
                <button class="sui-btn btn-primary" ng-disabled="!category.$valid">{{'save' | translate}}</button>
            </div>
        </div>
    </form>
</div>
